<!DOCTYPE html>
<html>

<head>
    <title></title>
    <meta charset="utf-8">
    <!-- <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0,viewport-fit=cover"> -->
    <link rel="stylesheet" type="text/css" href="css/weui.css">
    <link rel="stylesheet" type="text/css" href="css/index1.css">
    <link rel="stylesheet" type="text/css" href="css/media1.css">
    <script src="js/jquery-1.11.3.js"></script>
    <script type="text/javascript">
          $(function(){

             $(window).scroll(function(){
    
                 var scrollTop = $(this).scrollTop();  //获取当前滑动位置
                
                 var op=scrollTop/345;
                 console.log(op);
                 console.log(scrollTop);
                   if(op>=1){  
                    op=1;
                   }
                   if(op<0.1){
                    op=0;
                   }
                     $("#page-hd").css("background-color",'rgba(54,54,54,'+op+')');
                });

          });
    </script>
</head>

<body ontouchstart>
    <div class="page">
        <div class="page-bd">
            <p class="flip"><img class="left-img" src="img/logo.png"><img class="right-img" src="img/menu.png"><b>目录</b></p>
            <div class="page-hd" id="page-hd">
                <div class="logo">
                    <img src="img/logo.png">
                </div>
                <div class="menu">
                    <span class="phone-menu"><img src="img/icon4.png"></span>
                    <ul>
                        <li><a href="index.html" style="font-size: 24px;">首页</a></li>
                        <li><a href="product.html">产品体系</a></li>
                        <li><a href="solve.html">解决方案</a></li>
                        <li><a href="about.html">关于我们</a></li>
                    </ul>
                    <ol class="phone-menu-ol panel">
                        <li><a href="index.html">首页</a></li>
                        <li><a href="product.html">产品体系</a></li>
                        <li><a href="solve.html">解决方案</a></li>
                        <li><a href="about.html">关于我们</a></li>
                    </ol>
                </div>
            </div>
            <div class="index-banner">
                <h1><span>於</span>专业处追逐专注</h1>
                <h3>用心为您提供专业的护理平台</h3>
            </div>
            <div class="page-bd1">
                <p>Ste Data Center</p>
                <h2>数据中心</h2>
                <div class="page-bd11">
                    <div class="page-bd11-img">
                        <img src="img/icon1.png" alt="">
                    </div>
                    <div class="page-bd11-text">
                        <h3>护理数据可视化</h3>
                        <p>护士临床数据挖掘，能更深度的结合医院现有HIS护士工作站及移动医疗产品。协助护士从不同的维度借助于图形化手段，清晰有效地传达与沟通信息。
                        </p>
                        <button><a href="">查看更多</a></button>
                    </div>
                </div>
                <div class="page-bd11">
                    <div class="page-bd11-img">
                        <img src="img/icon2.png" alt="">
                    </div>
                    <div class="page-bd11-text">
                        <h3>医护沟通</h3>
                        <p>良好的医护配合能确保医疗护理质量，促进医患管理和谐，提高患者满意度，减少医疗差错事故的发生，增进医护关系，发挥团队作用。
                        </p>
                        <button><a href="">查看更多</a></button>
                    </div>
                </div>
                <div class="page-bd11">
                    <div class="page-bd11-img">
                        <img src="img/icon3.png" alt="">
                    </div>
                    <div class="page-bd11-text">
                        <h3>不良事件上报</h3>
                        <p>通过收集不良医疗事件的信息，并对其进行分析，发布警示信息，提出改进建议，以增强医院识别、处理安全隐患和预防不良事件发生的能力。
                        </p>
                        <button><a href="">查看更多</a></button>
                    </div>
                </div>
                <div class="page-bd11">
                    <div class="page-bd11-img">
                        <img src="img/icon4.png" alt="">
                    </div>
                    <div class="page-bd11-text">
                        <h3>移动医疗</h3>
                        <p>提供全流程的移动业务支持，全面采集和核对医嘱、病历、护理、药品、耗材等信息，实现病患生命体征数据实时自动采集、智能传输、全面汇集。
                        </p>
                        <button><a href="">查看更多</a></button>
                    </div>
                </div>
            </div>
            <div class="page-bd2">
                <p>Solution</p>
                <h2>解决方案</h2>
                <div class="page-bd22">
                    <div class="page-bd22-text">
                        <p>
                            主要针对护士临床数据挖掘，能更深度的结合医院现有HIS护士工作站及移动医疗产品。协助护士从不同的维度借助于图形化手段，清晰有效地传达与沟通信息，为用户提供专业的解决方案。
                        </p>
                        <button><a href="">查看更多</a></button>
                    </div>
                    <div class="page-bd22-img">
                        <h3>最新体验</h3>
                        <p>将信息变成一道可用眼睛探索的风景线</p>
                    </div>
                </div>
            </div>
            <p class="page-bd3-p">Our Services</p>
            <h2 class="page-bd3-h2">我们的服务</h2>
            <div class="page-bd3">
                <p>Our Services</p>
                <h2>我们的服务</h2>
                <div class="page-bd33-text-align">
                    <div class="page-bd33">
                        <img class="circle1" src="img/circle1.png">
                    </div>
                    <div class="page-bd33">
                        <img class="circle2" src="img/circle2.png">
                    </div>
                    <div class="page-bd33">
                        <img class="circle3" src="img/circle3.png">
                    </div>
                    <div class="page-bd33">
                        <img class="circle4" src="img/circle4.png">
                    </div>
                </div>
            </div>
            <div class="page-bd4">
                <p>About Us</p>
                <h2>关于我们</h2>
                <div class="page-bd44">
                    <div class="weui-flex__item2">
                        <p class="page-bd4-p1">西安上於软件技术有限公司</p>
                        <p class="page-bd4-p2">
                            西安上於软件技术有限责任公司位于陕西省西安市高新路36号。公司致力于PC及移动端设备的软件研发、系统集成、销售及服务于一体的高新技术企业；主要服务于政府。医疗行业及相关民营企业。公司核心产品及研究方向主要包括 医疗行业的护士站数据可视化平台（STENDV-L）、护士站不良事件上报（STEAREAS）、移动医疗(STEMHEALTH)以及大数据展示与分析平台、硬件系统集成等。
                        </p>
                    </div>
                </div>
            </div>
            <!-- 网站横排 -->
            <div class="page-bd5">
                <div class="weui-flex5">
                    <div class="page-bd5-con">
                        <img src="img/icon5.png">
                        <p>西安市高新区高新路36号</p>
                    </div>
                    <div class="page-bd5-con">
                        <img src="img/icon6.png">
                        <p>029-89585731</p>
                    </div>
                    <div class="page-bd5-con">
                        <img src="img/icon7.png">
                        <p>http://www.stoncle.com</p>
                    </div>
                    <div class="page-bd5-con">
                        <img src="img/icon8.png">
                        <p>hr@stoncle.com</p>
                    </div>
                </div>
            </div>
            <!-- 手机竖排 -->
            <ul class="phone-page-bd5">
                <li><img src="img/icon5.png" />地址：西安市高新区高新路36号</li>
                <li><img src="img/icon6.png" />座机：029-89585731</li>
                <li><img src="img/icon7.png" />网址：www.stoncle.com</li>
                <li><img src="img/icon8.png" />邮箱：shangyusoft@163.com</li>
            </ul>
        </div>
        <div class="page-ft">
            <span class="page-ft-margin-left">陕ICP备16018841号 西安上於软件技术有限公司 版权所有</span>
            <span class="page-ft-margin-right">Copyright 2016-2017 STONCLE.All Rights Reserved</span>
        </div>
    </div>
</body>

</html>